.a {
  margin: 0 0 20px;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 1px;
}

.b {
  font-size: 2em;
}

.c {
  margin: 0.5px;
}

.d {
  content: "16px";
  font-family: "16px";
  font-size: 16px;
}

@media (min-width: 500px) {
  .rule {
    font-size: 16px;
  }
}

h1 {
  --border-radius: var(--adm-button-border-radius, 88px);
  --border-top: var(--adm-button-border-radius, 88em);
  width: 88px;
  height: var(--state, var(--button-color, var(--brand-color, 88px)));
  min-height: var(--state, var(--button-color, var(--brand-color, 88em)));
  --my-height: var(--state, var(--button-color, var(--brand-color, calc(100% - 88px))));
  --your-height: var(--state, var(--button-color, var(--brand-color, calc(100% - 88em))));
}
